<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>HTML 和 CSS 调试</title>
	<style type="text/css">
		ol, ul {
			padding-left: 20px;
			margin-left: 10px;
			line-height: 2;
		}

		code {
			background: #ccc;
			padding: 0 2px;
			border-radius: 2px;
		}
	</style>
</head>
<body>
	<h1>HTML 和 CSS 调试</h1>
	<h2>调试工具</h2>
	<p>调试工具，调试程序的工具。</p>
	<h2>打开调试工具</h2>
	<ol>
		<li>
			快捷键
			<ul>
				<li>windows: <code>f12</code></li>
				<li>mac: <code>cmd + option + i</code></li>
			</ul>
		</li>
		<li>右键菜单</li>
		<li>浏览器入口</li>
	</ol>

	<h2>HTML 调试</h2>
	<ul>
		<li>树结构</li>
		<li>选中元素</li>
		<li>修改</li>
	</ul>

	<h2>CSS 调试</h2>
	<ul>
		<li>查看样式</li>
		<li>修改样式</li>
		<li>新增样式</li>
	</ul>
</body>
</html>

